// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);
import vueResource from 'vue-resource'
Vue.use(vueResource);
// 3.0.2 导入路由规则对应的组件对象
import home from './components/home/home.vue';
import shopcar from './components/shopcar/shopcar.vue';
import newslist from './components/news/newslist.vue'
import newsinfo from './components/news/newsinfo.vue'

// 3.0.2 定义路由规则
var router1 = new vueRouter({
    linkActiveClass: 'mui-active',
    routes: [{
        path: '/home',
        component: home
    },
        {
            path: '/shopcar',
            component: shopcar
        },
        {
            path: '/news/newslist',
            component: newslist
        },
        {
            path: '/news/newsinfo/:id',
            component: newsinfo
        },
    ]
});
import moment from 'moment';
Vue.filter('datafmt', function (input, fmtstring) {
    return moment(input).format(fmtstring);
})

// 4.0 注册mint-ui
// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
// 导入mint-ui组件对象
import mintui from 'mint-ui';
// 在Vue中全局使用mintui
Vue.use(mintui);

// 5.0 注册mui的css样式
import '../statics/mui/css/mui.css';

// 6.0 利用Vue对象进行解析渲染
new Vue({
    el: '#app',
    // 使用路由对象实例
    router: router1,
    // render:function(create){create(App)} //es5的写法
    render: c => c(App) // es6的函数写法 =>：goes to
});
// 7.0 导入全局基本样式
import '../statics/css/site.css'


// 8.0 导入轮播图
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);